{extend name="/layouts/base" /}

{block name="title"}文件系统 - {$CONFIG->SITE->title}{/block}

{block name="content"}
<div id="filesystem" class="container-xxl">
    
    <div class="row mt-mb-2 mt-4">
        
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="page-aside-left">
                        <div class="d-grid">
                            <button v-on:click="clickUpload('#btn-file')" type="button" class="btn btn-danger">
                                上传文件
                            </button>
                        </div>
                        <div class="email-menu-list d-none d-md-block mt-3">
                            <a v-on:click="clickUpload('#btn-files')" href="javascript:;" class="fw-bold font-13 py-1">
                                <i class="mdi mdi-folder-outline font-15 text-info me-2"></i>上传目录
                            </a>
                            <a v-on:click="setAddFileTitle('新建目录','yellow-folder.svg', 'false')" data-bs-toggle="modal" data-bs-target="#add-file-modal" href="javascript:;" class="fw-bold font-13 py-1">
                                <i class="mdi mdi-folder-plus-outline font-15 text-success me-2"></i>新建目录
                            </a>
                            <a v-on:click="setAddFileTitle('新建文件')" data-bs-toggle="modal" data-bs-target="#add-file-modal" href="javascript:;" class="fw-bold font-13 py-1">
                                <i class="mdi mdi-file-outline font-15 text-danger me-2"></i>新建文件
                            </a>
                        </div>
                        <div class="d-none d-md-block mt-2">
                            <h6 class="text-uppercase">快捷标签</h6>
                            <div class="email-menu-list labels-list mt-2">
                                <a v-on:click="initData('./storage/random/words/',true, true)" href="javascript:;" class="fw-bold font-13">
                                    <i class="mdi mdi-circle font-13 text-primary me-2"></i>一言
                                </a>
                                <a v-on:click="initData('./storage/random/images/',true, true)" href="javascript:;" class="fw-bold font-13">
                                    <i class="mdi mdi-circle font-13 text-info me-2"></i>随机图
                                </a>
                                <a v-on:click="initData('./storage/random/inWords/',true, true)" href="javascript:;" class="fw-bold font-13">
                                    <i class="mdi mdi-circle font-13 text-danger me-2"></i>违禁词
                                </a>
                                <a v-on:click="initData('./storage/random/emoji/',true, true)" href="javascript:;">
                                    <i class="mdi mdi-circle font-13 text-light me-2"></i>表情包
                                </a>
                                <a v-on:click="initData('./storage/',true, true)" href="javascript:;" class="fw-bold font-13">
                                    <i class="mdi mdi-circle font-13 text-warning me-2"></i>本地存储
                                </a>
                                <!--<a href="javascript: void(0);"><i class="mdi mdi-circle font-13 text-success me-2"></i>Family</a>-->
                                <!--<a href="javascript: void(0);"><i class="mdi mdi-circle font-13 text-danger me-2"></i>Important</a>-->
                                <!--<a href="javascript: void(0);"><i class="mdi mdi-circle font-13 text-secondary me-2"></i>Promotions</a>-->
                            </div>
                        </div>
                        <div class="mt-2">
                            <h6 class="text-uppercase mt-3">磁盘空间</h6>
                            <div class="progress my-2 progress-sm">
                                <div class="progress-bar progress-lg bg-success" role="progressbar" :style="'width: ' + ((dir_info.disk.total - dir_info.disk.free) / dir_info.disk.total * 100).toFixed(2) + '%'" aria-valuenow="46" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                            <p class="text-muted font-13 mb-0">{{bytes(dir_info.disk.total)}} ({{((dir_info.disk.total - dir_info.disk.free) / dir_info.disk.total * 100).toFixed(2)}}%) 可用 {{bytes(dir_info.disk.free)}}</p>
                        </div>
                    </div>
                    <div class="page-aside-right">
                        <div class="d-flex justify-content-between align-items-center">
                            <div class="ml-4 ml-md-0">
                                <div class="btn-group inline-box">
                                    <button v-on:click="toPath()" type="button" class="btn btn-sm btn-light me-1"><i class="mdi mdi-arrow-left-bold-outline font-16"></i></button>
                                    <div v-show="show_path_array" class="btn-group path-array">
                                        <button v-for="(data, index) in dir_info.array" :key="index" v-on:click="initData(data.path, true)" type="button" class="btn btn-sm btn-light un-focus mr-1">
                                            {{ (data.item == '.') ? '/' : data.item }}
                                        </button>
                                        <button v-on:click="()=>{show_path_array = false}" type="button" class="btn btn-sm btn-light un-focus">
                                            <i class="mdi mdi-square-edit-outline font-16"></i>
                                        </button>
                                    </div>
                                    <div v-show="!show_path_array" class="btn-group path-array" style="width: 80%">
                                        <input v-model="dir_info.path" v-on:keyup.enter="initData(dir_info.path, true)" type="text" class="form-control form-control-light mr-1">
                                        <button v-on:click="initData(dir_info.path, true)" type="button" class="btn btn-sm btn-light un-focus">
                                            <i class="mdi mdi-circle-outline font-16"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <div class="mt-2 mt-md-0">
                                <div class="btn-group">
                                    <button type="button" class="btn btn-sm dropdown-toggle arrow-none" data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="mdi mdi-folder-outline font-16"></i>
                                    </button>
                                    <div class="dropdown-menu">
                                        <input v-show="false" v-on:change="fileSelect($event, 2)" type="file" multiple="multiple" id="btn-file">
                                        <input v-show="false" v-on:change="fileSelect($event, 2)" type="file" multiple="multiple" webkitdirectory id="btn-files">
                                        <span class="dropdown-header">更多：</span>
                                        <a v-on:click="clickUpload('#btn-file')" href="javascript:;" class="dropdown-item">上传文件</a>
                                        <a v-on:click="clickUpload('#btn-files')" href="javascript:;" class="dropdown-item">上传目录</a>
                                        <a v-on:click="setAddFileTitle('新建目录','yellow-folder.svg', 'false')" data-bs-toggle="modal" data-bs-target="#add-file-modal" href="javascript:;" class="dropdown-item">新建目录</a>
                                        <a v-on:click="setAddFileTitle('新建文件')" data-bs-toggle="modal" data-bs-target="#add-file-modal" href="javascript:;" class="dropdown-item">新建文件</a>
                                    </div>
                                </div>
                                <div class="btn-group">
                                    <button type="button" class="btn btn-sm dropdown-toggle arrow-none" data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="mdi mdi-label-outline font-16"></i>
                                    </button>
                                    <div class="dropdown-menu">
                                        <span class="dropdown-header">快捷标签：</span>
                                        <a v-on:click="initData('./storage/random/words/',true, true)" href="javascript:;" class="dropdown-item">
                                            <i class="mdi mdi-circle font-13 text-primary me-2"></i>一言
                                        </a>
                                        <a v-on:click="initData('./storage/random/images/',true, true)" href="javascript:;" class="dropdown-item">
                                            <i class="mdi mdi-circle font-13 text-info me-2"></i>随机图
                                        </a>
                                        <a v-on:click="initData('./storage/random/inWords/',true, true)" href="javascript:;" class="dropdown-item">
                                            <i class="mdi mdi-circle font-13 text-danger me-2"></i>违禁词
                                        </a>
                                        <a v-on:click="initData('./storage/random/emoji/',true, true)" href="javascript:;" class="dropdown-item">
                                            <i class="mdi mdi-circle font-13 text-light me-2"></i>表情包
                                        </a>
                                        <a v-on:click="initData('./storage/',true, true)" href="javascript:;" class="dropdown-item">
                                            <i class="mdi mdi-circle font-13 text-warning me-2"></i>本地存储
                                        </a>
                                    </div>
                                </div>
                                <button v-on:click="initData('',false,true)" type="button" class="btn btn-sm"><i class="mdi mdi-refresh font-16"></i></button>
                                <button type="button" class="btn btn-sm"><i class="mdi mdi-dots-horizontal-circle-outline font-16"></i></button>
                            </div>
                        </div>
                        <div class="mt-3">
                            
                            <hr>
                            
                            <!-- 加载动画 开始 -->
                            <div v-if="loading.init_data" class="table-responsive is_load mb-2 flex-center">
                                <div class="spinner-border text-primary m-1" role="status"></div>
                                <div>加载中...</div>
                            </div>
                            <!-- 加载动画 结束 -->
                            
                            <!-- 渲染文件 - 开始 -->
                            <div v-show="!loading.init_data" v-on:click="clearBoxSelect" class="row" id="files">
                                <div class="row">
                                    <div v-for="(data, index) in dir_info.info" :key="index" v-on:dblclick="dblclick(data.name,data.info.type)" v-on:click="clickFile(data.name,data.info.type)" :mouse-item="index" class="file-item col-md-2 col-3 text-center pointer file mouse-item">
                                        <img :src="data.info.ico" height="60" class="mb-1">
                                        <p>{{data.name}}</p>
                                    </div>
                                </div>
                            </div>
                            <!-- 渲染文件 - 结束 -->
                        </div>
                    </div> 
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    
    <!-- 代码编辑器 - 开始 -->
    <div class="row">
        <div id="mask" class="mask"></div>
        <div class="pop-ups p-0" id="pop-ups">
            <div class="pop-ups-head" id="pop-ups-drag">
                <div class="modal-header p-2">
                    <span class="text-dark">在线文本编辑器（宝塔用户推荐使用宝塔自带编辑器）</span>
                    <div class="float-right flex">
                        <span type="button" class="close pointer me-1" id="box-fill">
                            <svg t="1630405455699" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5501" width="15" height="15"><path d="M341.468 569.146H173.48c-61.766 0-111.992 50.228-111.992 111.993v167.987c0 61.767 50.226 111.994 111.992 111.994h167.99c61.737 0 111.992-50.227 111.992-111.994V681.14c-0.001-61.765-50.256-111.993-111.994-111.993z m55.996 279.98c0 30.87-25.127 55.997-55.996 55.997H173.48c-30.896 0-55.995-25.125-55.995-55.997V681.14c0-30.87 25.099-55.998 55.995-55.998h167.99c30.868 0 55.995 25.128 55.995 55.998v167.987z m131.788-316.18L761.44 300.759v184.393c0 15.475 12.523 27.999 27.998 27.999 15.449 0 27.999-12.524 27.999-28V233.17c0-15.475-12.55-27.997-27.999-27.997H537.455c-15.476 0-27.999 12.522-27.999 27.997 0 15.476 12.523 27.998 27.999 27.998h184.392L489.66 493.355c-10.936 10.936-10.936 28.654 0 39.59a27.91 27.91 0 0 0 19.796 8.203 27.91 27.91 0 0 0 19.796-8.202z m316.18-467.764H173.48c-61.766 0-111.992 50.227-111.992 111.992v307.979c0 15.475 12.523 27.999 27.998 27.999 15.448 0 27.999-12.524 27.999-28V177.176c0-30.87 25.099-55.997 55.995-55.997h671.953c30.87 0 55.997 25.128 55.997 55.997v671.952c0 30.87-25.128 55.997-55.997 55.997H537.455c-15.476 0-27.999 12.523-27.999 27.998 0 15.477 12.523 28 27.999 28h307.978c61.738 0 111.993-50.227 111.993-111.994V177.174c0-61.766-50.255-111.992-111.993-111.992z" p-id="5502"></path></svg>
                        </span>
                        <span type="button" class="close pointer me-1" id="box-narrow">
                            <svg t="1630405927646" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11313" width="14" height="14"><path d="M704 768c38.4 0 64-25.6 64-64V64c0-38.4-25.6-64-64-64H64C25.6 0 0 25.6 0 64v640c0 38.4 25.6 64 64 64h640z" fill="#3F3F3F" p-id="11314"></path><path d="M896 256h-64v128h64v512H384v-64H256v192h640c70.4 0 128-57.6 128-128V256h-128z" fill="#3F3F3F" p-id="11315"></path></svg>
                        </span>
                        <span class="close pointer me-1" id="pop-ups-close">
                            <i class="mdi mdi-close"></i>
                        </span>
                    </div>
                </div>
            </div>
            <div class="col-lg-12 tool pl-0 pr-0">
                <ul>
                    <li v-on:click="saveEditFile()">
                        <svg t="1630424633095" class="icon mr-1" style="margin-top: -2px;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3881" width="20" height="20"><path d="M716.8 184.32H266.24c-49.152 0-81.92 28.672-81.92 81.92v491.52c0 53.248 32.768 81.92 81.92 81.92h491.52c49.152 0 81.92-28.672 81.92-81.92V315.392c0-6.144-2.048-10.24-6.144-14.336L716.8 184.32z m0 286.72H307.2V184.32h409.6v286.72z" p-id="3882" fill="#ffffff"></path><path d="M532.48 184.32h81.92c12.288 0 20.48 8.192 20.48 20.48v163.84c0 12.288-8.192 20.48-20.48 20.48h-81.92c-12.288 0-20.48-8.192-20.48-20.48v-163.84c0-12.288 8.192-20.48 20.48-20.48z" opacity=".3" p-id="3883" fill="#ffffff"></path></svg>
                        保存
                        <div v-show="loading.save_file" class="spinner-border text-light m-1" role="status"></div>
                    </li>
                    <li v-on:click="refreshEditFile()">
                        <svg t="1630424750206" class="icon mr-1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6138" width="15" height="15"><path d="M55.935033 264.48948c0 0 85.897017-132.548409 221.81443-203.673173 135.916406-71.121743 303.368504-50.646859 413.187968 18.319527 109.819465 68.970415 146.791894 127.160016 146.791894 127.160016l94.59499-53.879895c0 0 19.576483-9.697092 19.576483 12.932142l0 338.379961c0 0 0 30.17399-22.837719 19.395191-19.210878-9.062571-226.959086-127.198289-292.424528-164.466828-35.950145-16.035251-4.365101-29.062068-4.365101-29.062068l91.284402-52.173738c0 0-52.068992-65.209619-128.278989-99.744682-81.576231-42.501826-157.948384-47.541735-251.497925-12.224097-61.002644 23.025054-132.823368 81.988166-184.553949 169.082716L55.935033 264.48948 55.935033 264.48948 55.935033 264.48948zM904.056909 711.697844c0 0-85.897017 132.550423-221.816444 203.671159-135.917413 71.12275-303.366489 50.651895-413.186961-18.315498-109.825508-68.972429-146.790886-127.165052-146.790886-127.165052L27.662591 823.768348c0 0-19.572454 9.703135-19.572454-12.932142L8.090137 472.459267c0 0 0-30.170968 22.831676-19.397205 19.211885 9.067607 226.965129 127.198289 292.430571 164.470856 35.950145 16.035251 4.366109 29.058039 4.366109 29.058039l-91.285409 52.175753c0 0 52.071006 65.206598 128.279996 99.744682 81.57321 42.498804 157.942341 47.540728 251.496918 12.222082 60.998616-23.026061 132.820346-81.983131 184.546898-169.082716L904.056909 711.697844 904.056909 711.697844 904.056909 711.697844zM904.056909 711.697844" p-id="6139" fill="#ffffff"></path></svg>
                        刷新
                    </li>
                </ul>
            </div>
            <div id="ace-editor"></div>
        </div>
    </div>
    <!-- 代码编辑器 - 结束 -->
    
    <!-- 上传 tab - 开始 -->
    <div v-if="upload_is_show" class="upload">
        <div id="accordion" class="custom-accordion">
            <div class="card mb-0">
                <div class="card-header" id="headingOne">
                    <h5 class="m-0">
                        <a class="custom-accordion-title d-block pt-2 pb-2" data-bs-toggle="collapse" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                            <i class="upload-svg svg-primary">
                                <svg v-if="!uploads_status" viewBox="0 0 1024 1024"><path d="M936.533333 475.733333l-51.2 4.266667c0 10.666667 2.133333 21.333333 2.133334 32s0 21.333333-2.133334 32l51.2 4.266667c0-12.8 2.133333-23.466667 2.133334-36.266667s0-23.466667-2.133334-36.266667zM919.466667 381.866667c-6.4-23.466667-17.066667-44.8-27.733334-66.133334l-44.8 23.466667c10.666667 19.2 17.066667 38.4 23.466667 57.6l49.066667-14.933333zM787.2 185.6l-32 38.4c17.066667 12.8 32 27.733333 44.8 44.8l38.4-32c-14.933333-19.2-32-36.266667-51.2-51.2zM625.066667 153.6c19.2 6.4 40.533333 14.933333 57.6 23.466667l23.466666-44.8c-21.333333-10.666667-42.666667-19.2-66.133333-27.733334l-14.933333 49.066667zM512 136.533333c10.666667 0 21.333333 0 32 2.133334l4.266667-51.2C535.466667 85.333333 524.8 85.333333 512 85.333333s-23.466667 0-36.266667 2.133334l4.266667 51.2c10.666667-2.133333 21.333333-2.133333 32-2.133334zM398.933333 153.6L384 104.533333c-23.466667 6.4-44.8 17.066667-66.133333 27.733334L341.333333 177.066667c17.066667-8.533333 36.266667-17.066667 57.6-23.466667zM185.6 236.8l38.4 32c12.8-17.066667 27.733333-32 44.8-44.8l-32-38.4c-19.2 14.933333-36.266667 32-51.2 51.2zM104.533333 381.866667l49.066667 14.933333c6.4-19.2 14.933333-40.533333 23.466667-57.6l-44.8-23.466667c-10.666667 21.333333-19.2 42.666667-27.733334 66.133334zM136.533333 512c0-10.666667 0-21.333333 2.133334-32l-51.2-4.266667C85.333333 488.533333 85.333333 499.2 85.333333 512s0 23.466667 2.133334 36.266667l51.2-4.266667c-2.133333-10.666667-2.133333-21.333333-2.133334-32zM104.533333 642.133333c6.4 23.466667 17.066667 44.8 27.733334 66.133334l44.8-23.466667c-10.666667-19.2-17.066667-38.4-23.466667-57.6l-49.066667 14.933333zM226.133333 755.2l-38.4 32c14.933333 19.2 32 36.266667 51.2 51.2l32-38.4c-17.066667-14.933333-32-29.866667-44.8-44.8zM315.733333 891.733333c21.333333 10.666667 42.666667 19.2 66.133334 27.733334l14.933333-49.066667c-19.2-6.4-40.533333-14.933333-57.6-23.466667l-23.466667 44.8zM512 887.466667c-10.666667 0-21.333333 0-32-2.133334l-4.266667 51.2c12.8 0 23.466667 2.133333 36.266667 2.133334s23.466667 0 36.266667-2.133334l-4.266667-51.2c-10.666667 2.133333-21.333333 2.133333-32 2.133334zM625.066667 870.4l14.933333 49.066667c23.466667-6.4 44.8-17.066667 66.133333-27.733334L682.666667 846.933333c-17.066667 8.533333-36.266667 17.066667-57.6 23.466667zM755.2 797.866667l32 38.4c19.2-14.933333 36.266667-32 51.2-51.2l-38.4-32c-14.933333 17.066667-29.866667 32-44.8 44.8zM844.8 684.8l44.8 23.466667c10.666667-21.333333 19.2-42.666667 27.733333-66.133334l-49.066666-14.933333c-4.266667 19.2-12.8 38.4-23.466667 57.6zM539.733333 704V409.6l102.4 110.933333 38.4-38.4-168.533333-181.333333-168.533333 181.333333 38.4 38.4 102.4-110.933333V704z"></path>
                                </svg>
                                <svg v-else-if="uploads_status" t="1619802957877" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6460" width="48" height="48"><path d="M512 0a512 512 0 0 1 512 512 512 512 0 0 1-512 512A512 512 0 0 1 0 512 512 512 0 0 1 512 0z" fill="#D7FFDB" p-id="6461"></path><path d="M512 102.4a409.6 409.6 0 0 1 409.6 409.6 409.6 409.6 0 0 1-409.6 409.6A409.6 409.6 0 0 1 102.4 512 409.6 409.6 0 0 1 512 102.4z" fill="#23E249" opacity=".9" p-id="6462"></path><path d="M776.96 384L474.112 691.2l-8.96 8.448-8.96-8.448-187.648-189.952 61.184-61.952 135.424 136.96L716.8 321.28z" fill="#FFFFFF" p-id="6463"></path></svg>
                            </i>
                            <span class="ml-2">正在上传 · 剩余 {{preview.length}} 个项目</span>
                            <span class="float-right flex">
                                <span v-on:click="bubbling('取消')" class="svg-ico" style="padding:3px">
                                    <svg viewBox="0 0 1024 1024"><path d="M785.066667 273.066667l-34.133334-34.133334L512 475.733333 273.066667 238.933333l-34.133334 34.133334L475.733333 512 238.933333 750.933333l34.133334 34.133334L512 548.266667l238.933333 236.8 34.133334-34.133334L548.266667 512z"></path></svg>
                                </span>
                                <span v-on:click="bubbling('暂停')" class="svg-ico" style="padding:1px">
                                    <svg viewBox="0 0 1024 1024"><path d="M390.4 288h51.2v448h-51.2zM582.4 288h51.2v448h-51.2z"></path></svg>
                                </span>
                                <span v-on:click="bubbling('刷新')" class="svg-ico" style="padding:4px">
                                    <svg viewBox="0 0 1024 1024"><path d="M763.733333 512c0 138.666667-113.066667 251.733333-251.733333 251.733333-138.666667 0-251.733333-113.066667-251.733333-251.733333 0-138.666667 113.066667-251.733333 251.733333-251.733333h36.266667l-70.4 70.4 36.266666 36.266666 128-128-128-128-36.266666 36.266667 61.866666 61.866667H512C345.6 209.066667 209.066667 345.6 209.066667 512c0 166.4 136.533333 302.933333 302.933333 302.933333 166.4 0 302.933333-136.533333 302.933333-302.933333h-51.2z"></path></svg>
                                </span>
                                <!--<i class="mdi mdi-chevron-down accordion-arrow"></i>-->
                            </span>
                        </a>
                    </h5>
                </div>
                <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
                    <div class="card-body">
                        <div class="slimscroll" style="max-height: 330px;">
                            <div class="timeline-alt pb-0 pt-0">
                                
                                <div v-for="(data, index) in preview" :key="index" class="uploads-preview my-2">
                                    <div class="d-flex align-items-start">
                                        <img class="me-3" :src="data.ico" width="40">
                                        <div class="w-100 overflow-hidden">
                                            <span v-if="data.speed == 0" class="badge badge-warning-lighten float-end">
                                                <i class="mdi mdi-spin mdi-timer-sand"></i>
                                            </span>
                                            <span v-else-if="data.speed != 1" class="badge badge-info-lighten float-end">
                                                <i class="mdi mdi-spin mdi-star"></i>
                                            </span>
                                            <span v-else-if="data.speed == 1" class="badge badge-success-lighten float-end">
                                                完成
                                            </span>
                                            <h5 class="mt-0 mb-1">{{data.name}}</h5>
                                            <span class="font-13">{{data.size}}</span>
                                        </div>
                                    </div>
                                    <div v-if="data.speed != 1 && data.speed != 0" class="progress-w-percent">
                                        <div class="progress progress-sm">
                                            <div class="progress-bar" role="progressbar" :style="'width: '+ data.speed * 100 +'%'" aria-valuenow="72" aria-valuemin="0" aria-valuemax="100"></div>
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 上传 tab - 结束 -->
    
    <!-- 鼠标右键菜单 - 开始 -->
    <div class="row">
        <ul id="mouse-menu" class="enlarge w-auto">
            <li v-if="mouse_menu_type">
                <svg v-if="mouse_menu.isFile" v-on:click="openDialog()" style="margin-left:2px" t="1630402346266" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15609" width="20" height="20"><path d="M760.11 76.282c9.387-15.622 29.66-20.677 45.283-11.29l141.12 84.793c15.622 9.387 20.676 29.66 11.29 45.283L815 432.729v428.89c0 53.538-41.864 97.494-94.405 98.368L719 960H156c-52.753 0-95.145-43.42-95.987-96.76L60 861.62V241.38c0-53.537 41.864-97.493 94.405-98.367L156 143h563v1.7z m-78.543 130.717L156 207c-17.232 0-31.708 14.835-31.996 33.804l-0.004 0.576v620.24c0 19.051 14.303 34.077 31.479 34.375L156 896h563c17.232 0 31.708-14.835 31.996-33.804l0.004-0.576V539.242l-4.9 8.158a33 33 0 0 1-18.663 14.57l-0.49 0.144-116.134 33.454c-17.513 5.044-35.8-5.063-40.845-22.577-0.195-0.707-0.27-0.979-0.359-1.354l-0.218-0.958-24.984-118.246a33 33 0 0 1 4-23.819L681.567 207z m117.436-71.182l-189.46 315.312 15.576 73.715 72.4-20.855 189.458-315.312-87.974-52.86z" fill="#00afec" p-id="15610" data-spm-anchor-id="a313x.7781069.0.i0" class="selected"></path><path d="M211 540h181v74H211zM211 678h455v74H211z" fill="#CDCBFF" p-id="15611"></path></svg>
                <svg v-else t="1630402435008" v-on:click="initData(dir_info.path + mouse_menu.file_name, true)" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19621" width="20" height="20"><path d="M807.3216 889.5488H221.184c-78.7456 0-142.848-64.1024-142.848-142.848V286.976c0-78.7456 64.1024-142.848 142.848-142.848h178.8416c20.7872 0 40.7552 8.8064 54.784 24.1664l77.568 85.0944c2.4064 2.6112 5.8368 4.1472 9.3696 4.1472h265.5232c78.7456 0 142.848 64.1024 142.848 142.848v346.2656c0.0512 78.7968-64.0512 142.8992-142.7968 142.8992zM221.184 205.568c-44.9024 0-81.408 36.5056-81.408 81.408v459.6736c0 44.9024 36.5056 81.408 81.408 81.408h586.1376c44.9024 0 81.408-36.5056 81.408-81.408V400.4352c0-44.9024-36.5056-81.408-81.408-81.408h-265.5232c-20.7872 0-40.7552-8.8064-54.784-24.1664L409.3952 209.7152c-2.4064-2.6112-5.8368-4.1472-9.3696-4.1472H221.184z" fill="#6FB1F9" p-id="19622"></path><path d="M466.0224 453.8368H249.0368c-16.9472 0-30.72-13.7728-30.72-30.72s13.7728-30.72 30.72-30.72h216.9856c16.9472 0 30.72 13.7728 30.72 30.72s-13.7728 30.72-30.72 30.72z" fill="#6FB1F9" p-id="19623"></path></svg>
                <span v-if="mouse_menu.isFile" v-on:click="dblclick(mouse_menu.file_name, mouse_menu.type)" class="ml-2">编辑</span>
                <span v-else class="ml-2">打开</span>
            </li>
			<li v-if="!mouse_menu_type" v-on:click="initData('',false,true)">
			    <svg t="1619906246526" style="margin-left:3px" class="icon" viewBox="0 0 1077 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12409" width="18" height="18"><path d="M870.4 204.8a38.4 38.4 0 0 1-36.1472 38.336L832 243.2H678.4a38.4 38.4 0 0 1-2.2528-76.736L678.4 166.4h63.744A408 408 0 0 0 486.4 76.8C260.1856 76.8 76.8 260.1856 76.8 486.4c0 29.12 3.0336 57.8048 8.9856 85.7856a38.4 38.4 0 1 1-75.1104 16A488.192 488.192 0 0 1 0 486.4C0 217.7664 217.7664 0 486.4 0a484.7744 484.7744 0 0 1 307.2 109.248V51.2a38.4 38.4 0 0 1 36.1472-38.336L832 12.8a38.4 38.4 0 0 1 38.336 36.1472L870.4 51.2v153.6z" fill="#FF6F26" p-id="12410"></path><path d="M974.6688 480c0 268.6336-217.7792 486.4-486.4 486.4A484.7744 484.7744 0 0 1 179.2 855.6416V915.2a38.4 38.4 0 0 1-36.1472 38.336L140.8 953.6a38.4 38.4 0 0 1-38.336-36.1472L102.4 915.2v-153.6a38.4 38.4 0 0 1 36.1472-38.336L140.8 723.2h153.6a38.4 38.4 0 0 1 2.2528 76.736L294.4 800h-61.8752c71.5648 57.3184 161.024 89.6 255.744 89.6 226.2144 0 409.6-183.3728 409.6-409.6a411.392 411.392 0 0 0-8.9984-85.76 38.4 38.4 0 1 1 75.1232-16 488.192 488.192 0 0 1 10.6752 101.76z" fill="#303133" p-id="12411"></path></svg>
			    <span class="ml-2">刷新</span>
		    </li>
			<li v-if="!mouse_menu_type" v-on:click="setAddFileTitle('新建文件')" data-bs-toggle="modal" data-bs-target="#add-file-modal">
			    <svg t="1619904588492" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6439" width="24" height="24"><path d="M512 512m-460.8 0a460.8 460.8 0 1 0 921.6 0 460.8 460.8 0 1 0-921.6 0Z" fill="#DEECFF" p-id="6440"></path><path d="M281.6 243.2h422.4c21.76 0 38.4 16.64 38.4 38.4v460.8c0 21.76-16.64 38.4-38.4 38.4H281.6c-21.76 0-38.4-16.64-38.4-38.4V281.6c0-21.76 16.64-38.4 38.4-38.4z" fill="#207DFF" p-id="6441"></path><path d="M435.2 204.8c2.56-28.16 28.16-51.2 57.6-51.2s53.76 23.04 57.6 51.2h51.2c14.08 0 25.6 11.52 25.6 25.6v38.4c0 14.08-11.52 25.6-25.6 25.6H384c-14.08 0-25.6-11.52-25.6-25.6v-38.4c0-14.08 11.52-25.6 25.6-25.6h51.2z" fill="#ADCEFB" p-id="6442"></path><path d="M364.8 633.6c-35.84 0-64-28.16-64-64s28.16-64 64-64 64 28.16 64 64-28.16 64-64 64z m0-89.6c-14.08 0-25.6 11.52-25.6 25.6s11.52 25.6 25.6 25.6 25.6-11.52 25.6-25.6-11.52-25.6-25.6-25.6z" fill="#60A2FD" p-id="6443"></path><path d="M531.2 384h128c10.24 0 19.2 8.96 19.2 19.2s-8.96 19.2-19.2 19.2h-128c-10.24 0-19.2-8.96-19.2-19.2s8.96-19.2 19.2-19.2zM531.2 550.4h128c10.24 0 19.2 8.96 19.2 19.2s-8.96 19.2-19.2 19.2h-128c-10.24 0-19.2-8.96-19.2-19.2s8.96-19.2 19.2-19.2z" fill="#ADCEFB" p-id="6444"></path><path d="M308.48 385.28c7.68-7.68 19.2-7.68 26.88 0l35.84 35.84c7.68 7.68 7.68 19.2 0 26.88-7.68 7.68-19.2 7.68-26.88 0l-35.84-35.84c-7.68-7.68-7.68-20.48 0-26.88z" fill="#60A2FD" p-id="6445"></path><path d="M445.44 346.88c7.68 7.68 7.68 19.2 0 26.88l-72.96 72.96c-7.68 7.68-19.2 7.68-26.88 0-7.68-7.68-7.68-19.2 0-26.88l72.96-72.96c7.68-7.68 20.48-7.68 26.88 0z" fill="#60A2FD" p-id="6446"></path><path d="M678.4 716.8m-153.6 0a153.6 153.6 0 1 0 307.2 0 153.6 153.6 0 1 0-307.2 0Z" fill="#ADCEFB" p-id="6447"></path><path d="M716.8 812.8c-7.68 0-14.08-3.84-16.64-10.24-5.12-8.96-1.28-20.48 8.96-25.6 24.32-11.52 40.96-38.4 40.96-66.56s-15.36-53.76-40.96-66.56c-8.96-5.12-14.08-16.64-8.96-25.6 5.12-8.96 16.64-14.08 25.6-8.96 37.12 17.92 61.44 57.6 61.44 99.84s-24.32 81.92-61.44 99.84c-3.84 3.84-6.4 3.84-8.96 3.84z m-76.8 0c-2.56 0-5.12 0-8.96-2.56-37.12-17.92-61.44-57.6-61.44-99.84s24.32-81.92 61.44-99.84c8.96-5.12 20.48-1.28 25.6 8.96 5.12 8.96 1.28 20.48-8.96 25.6-24.32 11.52-40.96 38.4-40.96 66.56s15.36 53.76 40.96 66.56c8.96 5.12 14.08 16.64 8.96 25.6-2.56 5.12-8.96 8.96-16.64 8.96z" fill="#60A2FD" p-id="6448"></path><path d="M665.6 666.88h-5.12c-10.24-2.56-16.64-12.8-14.08-23.04l5.12-19.2-19.2-5.12c-10.24-2.56-16.64-12.8-14.08-23.04 2.56-10.24 12.8-16.64 23.04-14.08l37.12 8.96c5.12 1.28 8.96 3.84 11.52 8.96s3.84 10.24 2.56 14.08l-8.96 37.12c-1.28 10.24-8.96 15.36-17.92 15.36zM716.8 846.08h-5.12l-37.12-8.96c-10.24-2.56-16.64-12.8-14.08-23.04l8.96-37.12c2.56-10.24 12.8-16.64 23.04-14.08 10.24 2.56 16.64 12.8 14.08 23.04l-5.12 19.2 19.2 5.12c10.24 2.56 16.64 12.8 14.08 23.04-1.28 7.68-8.96 12.8-17.92 12.8z" fill="#60A2FD" p-id="6449"></path></svg>
			    <span class="ml-2">新建文件</span>
			</li>
			<li v-if="!mouse_menu_type" v-on:click="setAddFileTitle('新建目录','yellow-folder.svg', 'false')" data-bs-toggle="modal" data-bs-target="#add-file-modal">
			    <svg t="1619904903245" style="margin-left: 3px;" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11313" width="18" height="18"><path d="M809.2 924.48H235.9c-89.6 0-162.9-76.6-162.9-170.3v-511.4c0-93.7 73.3-170.3 162.9-170.3l115 2c20.1 0 39.5 7.6 54.7 21.5l86 80.9c15.1 13.9 34.5 21.5 54.7 21.5h263c89.6 0 162.9 76.6 162.9 170.3v385.5c-0.1 93.7-73.4 170.3-163 170.3z" fill="#6477FF" p-id="11314"></path><path d="M761.2 888.48H284c-116 0-210.9-94.9-210.9-210.9v-297c0-25.5 20.7-46.1 46.1-46.1h806.7c25.5 0 46.1 20.7 46.1 46.1v297c0.1 116-94.8 210.9-210.8 210.9z" fill="#465CDB" opacity=".69" p-id="11315"></path><path d="M829 738.48H216.1c-31.4 0-57-25.7-57-57v-318c0-31.4 25.7-57 57-57H829c31.4 0 57 25.7 57 57v317.9c0.1 31.4-25.6 57.1-57 57.1z" fill="#FFFFFF" p-id="11316"></path><path d="M831 719.48H218.1c-31.4 0-57-25.7-57-57v-318c0-31.4 25.7-57 57-57H831c31.4 0 57 25.7 57 57v317.9c0.1 31.4-25.6 57.1-57 57.1z" fill="#FFFFFF" opacity=".16" p-id="11317"></path><path d="M807.3 924.48H237.8c-90.6 0-164.8-74.1-164.8-164.8v-356.2h899v356.2c0.1 90.7-74.1 164.8-164.7 164.8z" fill="#6477FF" p-id="11318"></path><path d="M805.3 924.48H235.8c-90.6 0-164.8-74.1-164.8-164.8v-17.2h899v17.2c0.1 90.7-74.1 164.8-164.7 164.8z" fill="#465CDB" opacity=".14" p-id="11319"></path><path d="M595.6 598.48H413.1c-39.9 0-72.5-32.6-72.5-72.5s32.6-72.5 72.5-72.5h182.5c39.9 0 72.5 32.6 72.5 72.5s-32.6 72.5-72.5 72.5z" fill="#5D75CE" opacity=".52" p-id="11320"></path><path d="M585.5 583.48H423.6c-31.6 0-57.5-25.9-57.5-57.5s25.9-57.5 57.5-57.5h161.9c31.6 0 57.5 25.9 57.5 57.5s-25.9 57.5-57.5 57.5z" fill="#FFD629" p-id="11321"></path></svg>
			    <span class="ml-2">新建目录</span>
			</li>
			<li v-if="mouse_menu_type" v-on:click="getEditName" data-bs-toggle="modal" data-bs-target="#edit-file-name-modal">
			    <svg t="1619905380215" style="margin-left:3px" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="22939" width="17" height="17"><path d="M832 832v-640h-213.504V106.496h298.496v810.496h-298.496v-85.504l213.504 0.512zM341.504 505.856l205.312-205.312 106.496 106.496-205.312 205.312H341.504V505.856zM192 192v640h213.504v85.504H106.496V106.496h298.496v85.504H192z m378.88 84.48l41.472-41.472 106.496 106.496-41.472 41.472c0.512 0-106.496-106.496-106.496-106.496zM256 682.496h512V768H256v-85.504z" fill="#6415FF" p-id="22940"></path></svg>
			    <span class="ml-2">重命名</span>
			</li>
			<li v-if="mouse_menu_type">
			    <svg t="1619905617422" style="margin-left:2px" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27890" width="20" height="20"><path d="M813.67 237.7c-139.63-6.85-242.43-70.85-280.14-98a28 28 0 0 0-35.85 2.67c-78.08 76.14-226.93 91-287.3 93.79A27.94 27.94 0 0 0 183.76 264v270.7c0 37.84 19.73 89.23 51.08 141.4a14.19 14.19 0 0 0 27-6.11 14 14 0 0 0-3.65-9.3l0.14-0.09c-28.59-47.32-46.7-93.2-46.7-125.84V264c63.36-3 220.41-18.72 305.5-101.71 42.44 30.62 149.43 96.14 295.12 103.3v278.46c0 89.13-165.64 324.25-298.14 324.25-56 0-125-49.12-180.66-108.36-0.13-0.14-0.26-0.05-0.38-0.15a14.05 14.05 0 0 0-10.89-5.36 14.21 14.21 0 0 0-9.88 24.46s0 0.07 0.06 0.11c61.19 65.78 136 117.25 201.76 117.25 151.94 0 326-250 326.11-352.19V265.61a27.93 27.93 0 0 0-26.56-27.91z" fill="#3585F9" p-id="27891"></path><path d="M525.05 439.74m-70.5 0a70.5 70.5 0 1 0 141 0 70.5 70.5 0 1 0-141 0Z" fill="#BAD4FF" p-id="27892"></path><path d="M533.45 450.33m-82.91 0a82.91 82.91 0 1 0 165.82 0 82.91 82.91 0 1 0-165.82 0Z" fill="#BAD4FF" p-id="27893"></path><path d="M498.27 503.03m13.73 0l0.01 0q13.73 0 13.73 13.73l0 144.84q0 13.73-13.73 13.73l-0.01 0q-13.73 0-13.73-13.73l0-144.84q0-13.73 13.73-13.73Z" fill="#3585F9" p-id="27894"></path><path d="M512 526.42a99.57 99.57 0 1 1 99.56-99.57A99.68 99.68 0 0 1 512 526.42z m0-171.67a72.1 72.1 0 1 0 72.1 72.1 72.19 72.19 0 0 0-72.1-72.1z" fill="#3585F9" p-id="27895"></path></svg>
			    <span class="ml-2">权限</span>
			</li>
			<li v-if="mouse_menu_type" v-on:click="delFile">
			    <svg t="1619905284485" style="margin-left:3px" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21478" width="16" height="16"><path d="M519.620465 0c-103.924093 0-188.511256 82.467721-192.083349 185.820279H85.015814A48.91386 48.91386 0 0 0 36.101953 234.686512a48.91386 48.91386 0 0 0 48.913861 48.866232h54.010046V831.345116c0 102.852465 69.822512 186.844279 155.909954 186.844279h439.200744c86.087442 0 155.909953-83.491721 155.909954-186.844279V284.100465h48.91386a48.91386 48.91386 0 0 0 48.913861-48.890046 48.91386 48.91386 0 0 0-48.913861-48.866233h-227.756651A191.559442 191.559442 0 0 0 519.620465 0z m-107.234232 177.080558c3.548279-49.771163 46.627721-88.540279 99.851907-88.540279 53.224186 0 96.327442 38.745302 99.351813 88.540279h-199.20372z m-111.997024 752.044651c-30.981953 0-65.083535-39.15014-65.083535-95.041488V287.744h575.488v546.839814c0 55.915163-34.077767 95.041488-65.059721 95.041488H300.389209v-0.500093z" fill="#D81E06" p-id="21479"></path><path d="M368.116093 796.814884c24.361674 0 44.27014-21.670698 44.27014-48.818605v-278.623256c0-27.147907-19.908465-48.818605-44.27014-48.818604-24.33786 0-44.27014 21.670698-44.27014 48.818604v278.623256c0 27.147907 19.360744 48.818605 44.293954 48.818605z m154.933581 0c24.361674 0 44.293953-21.670698 44.293954-48.818605v-278.623256c0-27.147907-19.932279-48.818605-44.293954-48.818604-24.33786 0-44.27014 21.670698-44.270139 48.818604v278.623256c0 27.147907 19.932279 48.818605 44.293953 48.818605z m132.810419 0c24.33786 0 44.27014-21.670698 44.27014-48.818605v-278.623256c0-27.147907-19.932279-48.818605-44.27014-48.818604s-44.27014 21.670698-44.27014 48.818604v278.623256c0 27.147907 19.360744 48.818605 44.27014 48.818605z" fill="#D81E06" p-id="21480"></path></svg>
			    <span class="ml-2">删除</span>
			</li>
			<li v-on:click="viewDetails" style="margin-left: 3px;" data-bs-toggle="modal" data-bs-target="#view-details-modal">
			    <svg t="1619905114060" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15394" width="18" height="18"><path d="M512 2.56C231.424 2.56 3.584 229.888 3.584 510.976S231.424 1018.88 512 1018.88s508.416-227.328 508.416-508.416S793.088 2.56 512 2.56z m0 941.568c-239.616 0-433.664-194.048-433.664-433.664C78.336 270.848 272.384 76.8 512 76.8s433.664 194.048 433.664 433.664-194.048 433.664-433.664 433.664z" fill="#F4DCCB" p-id="15395"></path><path d="M455.68 304.128c0-14.848 5.12-27.136 15.872-36.352 10.752-9.216 24.064-14.336 40.96-14.336s30.72 4.608 41.472 14.336 15.872 21.504 15.872 36.352c0 14.848-5.12 27.136-15.872 36.864s-24.576 14.848-40.96 14.848-29.696-5.12-40.448-14.848c-11.264-10.24-16.896-22.528-16.896-36.864z m7.68 443.904V412.16h97.792V747.52H463.36z" fill="#FF9D4D" p-id="15396"></path></svg>
			    <span class="ml-2">属性</span>
			</li>
			<li v-if="mouse_menu.isFile" v-on:click="copyLink()">
			    <svg t="1644339526969" style="margin-left: 1px;" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2068" width="22" height="22"><path d="M412.4 594m-300.7 0a300.7 300.7 0 1 0 601.4 0 300.7 300.7 0 1 0-601.4 0Z" fill="#106F4F" opacity=".3" p-id="2069"></path><path d="M759.7 820.8H274.5c-37.6 0-68.1-30.6-68.1-68.1V267.8c0-37.7 30.7-68.4 68.4-68.4H517c11 0 20 9 20 20s-9 20-20 20H274.7c-15.6 0-28.4 12.7-28.4 28.4v484.8c0 15.5 12.6 28.1 28.1 28.1h485.2c15.4 0 28-12.5 28-28V510.1c0-11 9-20 20-20s20 9 20 20v242.7c0.1 37.5-30.4 68-67.9 68z" fill="#F75C3E" p-id="2070"></path><path d="M600.6 219.5h195.6" fill="#FFFFFF" p-id="2071"></path><path d="M796.2 239.5H600.6c-11 0-20-9-20-20s9-20 20-20h195.6c11 0 20 9 20 20s-8.9 20-20 20z" fill="#F75C3E" p-id="2072"></path><path d="M807.5 434l-2.9-212.3" fill="#FFFFFF" p-id="2073"></path><path d="M807.5 454c-10.9 0-19.8-8.8-20-19.7L784.6 222c-0.2-11 8.7-20.1 19.7-20.3 11-0.2 20.1 8.7 20.3 19.7l2.9 212.3c0.2 11-8.7 20.1-19.7 20.3h-0.3z" fill="#F75C3E" p-id="2074"></path><path d="M793.1 230.9L380.9 645.4" fill="#FFFFFF" p-id="2075"></path><path d="M380.9 665.4c-5.1 0-10.2-1.9-14.1-5.8-7.8-7.8-7.9-20.5-0.1-28.3L779 216.8c7.8-7.8 20.5-7.9 28.3-0.1s7.9 20.5 0.1 28.3L395 659.5c-3.9 3.9-9 5.9-14.1 5.9z" fill="#F75C3E" p-id="2076"></path></svg>
			    <span class="ml-2">分享文件</span>
			</li>
		</ul>
    </div>
    <!-- 鼠标右键菜单 - 结束 -->
    
    <!-- 重命名 - model - 开始 -->
    <div id="edit-file-name-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="fill-primary-modalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content modal-filled bg-primary">
                <div class="modal-header">
                    <h4 class="modal-title" id="fill-primary-modalLabel">重命名</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body text-center">
                    <img :src="edit_data.ico" style="height: 100px;">
                    <input v-model="edit_data.file_name" v-on:keyup.enter="editName" type="text" class="form-control mt-3" placeholder="文件名称">
                </div>
                <div class="modal-footer">
                    <button v-on:click="editName" type="button" class="btn btn-light" data-bs-dismiss="modal">保存</button>
                    <button type="button" class="btn btn-outline-light" data-bs-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 重命名 - model - 结束 -->
    
    <!-- 查看详细信息 - model - 开始 -->
    <div id="view-details-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="fill-primary-modalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content modal-filled bg-primary">
                <div class="modal-header">
                    <h4 class="modal-title" id="fill-primary-modalLabel">查看详细信息</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="card d-block mb-0">
                            <img class="card-img-top" :src="edit_data.ico">
                            <div class="card-body position-relative text-center">
                                <h4 class="card-title">{{edit_data.file_name}}</h4>
                            </div>
                        </div>
                    </div>
                    <div class="chart-widget-list">
                        <p>
                            <span><i class="mdi mdi-square text-dark"></i></span>
                            <span class="ml-2">权限</span>
                            <span class="float-right">{{file_other.perms}}</span>
                        </p>
                        <p>
                            <span><i class="mdi mdi-square text-warning"></i></span>
                            <span class="ml-2">文件大小</span>
                            <span class="float-right">{{file_info.size}}</span>
                        </p>
                        <p v-if="file_other.isDir">
                            <span><i class="mdi mdi-square text-danger"></i></span>
                            <span class="ml-2">文件数量</span>
                            <span class="float-right">{{file_info.file_count}}</span>
                        </p>
                        <p v-if="file_other.isDir">
                            <span><i class="mdi mdi-square text-success"></i></span>
                            <span class="ml-2">文件夹数量</span>
                            <span class="float-right">{{file_info.dir_count}}</span>
                        </p>
                        <p class="my-1">
                            <span><i class="mdi mdi-square"></i></span>
                            <span class="ml-2">创建时间</span>
                            <span class="float-right">{{file_other.mtime}}</span>
                        </p>
                        <p class="my-1">
                            <span><i class="mdi mdi-square text-info"></i></span>
                            <span class="ml-2">修改时间</span>
                            <span class="float-right">{{file_other.ctime}}</span>
                        </p>
                        <p class="my-1">
                            <span><i class="mdi mdi-square text-danger"></i></span>
                            <span class="ml-2">外链地址</span>
                            <span class="float-right">{{parseFileUrl(file_other.path_name)}}</span>
                        </p>
                    </div>
                <div class="modal-footer pr-0">
                    <button type="button" class="btn btn-outline-light" data-bs-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 查看详细信息 - model - 结束 -->
    
</div>
    
    <!-- 新建空白文件 或 文件夹 - model - 开始 -->
    <div id="add-file-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="fill-primary-modalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content modal-filled bg-primary">
                <div class="modal-header">
                    <h4 class="modal-title" id="fill-primary-modalLabel">{{add_file_title}}</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body text-center">
                    <img :src="default_ico" style="height: 100px;">
                    <p class="mt-1">{{add_file_name}}</p>
                    <input v-model="add_file_name" type="text" id="add-file" class="form-control mt-3" placeholder="文件名称">
                </div>
                <div class="modal-footer">
                    <button v-on:click="addFile" type="button" class="btn btn-light" data-bs-dismiss="modal">保存</button>
                    <button type="button" class="btn btn-outline-light" data-bs-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 新建空白文件 或 文件夹 - model - 结束 -->
    
</div>
{/block}

{block name="script"}
<script src="{$CONFIG->CDN}editor/ace/ace.js?v={$CONFIG->VERSION}"></script>
<script src="{$CONFIG->ROOT}libs/mouse.js?v={$CONFIG->VERSION}"></script>
<script src="{$CONFIG->ROOT}js/pages/filesystem.js?v={$CONFIG->VERSION}"></script>
{/block}